<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../init.css">
    <link rel="stylesheet" href="./index.css">
    <script src="../jquery.min.js"></script>
    <script src="../data.js"></script>
    <script defer src="./index.js"></script>
</head>

<body>
    <div class="root">
        <header>
            <div>
                <a href="../home/index.html">xxx管理系统</a>
            </div>
            <div></div>
        </header>
        <main>
            <div class="nav">
                <nav>
                    <ul>
                        <li class="firstnav">
                            <i class="nav-icon"></i>
                            系统管理
                            <i class="nav-icon nav-icon2 nav-icon-change"></i>
                        </li>
                        <li>
                            <ul>
                                <li><a href="#" class="nav-light">菜单管理</a></li>
                                <li><a href="#">角色管理</a></li>
                                <li><a href="#">管理员管理</a></li>
                            </ul>
                        </li>
                    </ul>
                    <ul>
                        <li class="firstnav">
                            <i class="nav-icon"></i>
                            商城管理
                            <i class="nav-icon nav-icon2"></i>
                        </li>
                        
                    </ul>
                </nav>
            </div>
            <div class="content">
                <div>
                    <div class="add">
                        <button>新增</button>
                    </div>
                    <table></table>
                </div>
            </div>
        </main>
        <div class="cover">
            <div class="cover-content">
                <div class="cover-content-head">
                    <p>新增</p>
                    <i class="cover-content-head-icon"></i>
                </div>
                <div class="cover-content-body">
                    <div>
                        <span>上级目录</span>
                        <select>
                            <option value="顶级目录" selected>顶级目录</option>
                            <option value="系统设置">系统设置</option>
                            <option value="商城管理">商城管理</option>
                        </select>
                    </div>
                    <div>
                        <span>
                            <span class="cover-content-body-err1">*</span>
                            标题
                        </span>
                        <input type="text" id="cover-content-body-err">
                        <p class="cover-content-body-err2">请输入标题</p>
                    </div>
                    <div class="icon">
                        <span>图标</span>
                        <input type="text">
                    </div>
                    <div class="url">
                        <span>路径</span>
                        <input type="text">
                    </div>
                    <div>
                        <span>类型</span>
                        <input type="radio" name="type" id="catalogue" value="目录" checked>
                        <label for="catalogue">目录</label>
                        <input type="radio" name="type" id="menu" value="菜单">
                        <label for="menu">菜单</label>
                    </div>
                    <div>
                        <span>状态</span>
                        <input type="radio" name="status" id="normal" value="正常" checked>
                        <label for="normal">正常</label>
                        <input type="radio" name="status" id="disable" value="禁用">
                        <label for="disable">禁用</label>
                    </div>
                </div>
                <div class="cover-content-foot">
                    <button>取消</button>
                    <button>确定</button>
                </div>
            </div>
        </div>
        <div class="del-cover">
            <div class="del-cover-content">
                <div class="cover-content-head">
                    <p>提示</p>
                    <i class="cover-content-head-icon"></i>
                </div>
                <div class="del-cover-content-body">
                    <i></i>
                    <span>此操作将永久删除，是否继续</span>
                </div>
                <div class="del-cover-content-foot">
                    <button>取消</button>
                    <button>确定</button>
                </div>
            </div>
        </div>
    </div>
    <script>

    </script>
</body>

</html>